<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@ include file="header.jsp"%>
</head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("visualization", "1", {
		packages : [ "corechart" ]
	});
	google.setOnLoadCallback(drawChart);
	function drawChart() {
		var data = google.visualization.arrayToDataTable([
				[ 'Year', 'Sales', 'Expenses' ], [ '2004', 1000, 400 ],
				[ '2005', 1170, 460 ], [ '2006', 660, 1120 ],
				[ '2007', 1030, 540 ] ]);

		var options = {
			title : 'Company Performance'
		};

		var chart = new google.visualization.LineChart(document
				.getElementById('chart_div'));

		chart.draw(data, options);
	}
</script>
<body id="page-top" class="index">
	<%@ include file="_menu.jsp"%>
	<!-- economy Grid Section -->
	<section id="economy">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2 class="section-heading">economy</h2>
					<h3 class="section-subheading text-muted">Lorem ipsum dolor
						sit amet consectetur.</h3>
				</div>
			</div>


			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">경제 조회수 순위</h3>
						</div>
						<div class="panel-body">
							<div class="col-lg-4">
								<h2>일별 순위</h2>
								<div class="table-responsive">
									<table class="table table-bordered table-hover table-striped">
										<thead>
											<tr>
												<th>검색어</th>
												<th>검색횟수</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>/index.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/about.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/sales.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/blog.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/404.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/services.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="col-sm-8 economy-item">
								<div id="chart_div" style="width: 100%; height: 500px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">경제 조회수 순위</h3>
						</div>
						<div class="panel-body">
							<div class="col-lg-4">
								<h2>주별 순위</h2>
								<div class="table-responsive">
									<table class="table table-bordered table-hover table-striped">
										<thead>
											<tr>
												<th>순위</th>
												<th>검색어</th>
												<th>검색횟수</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1</td>
												<td>/index.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>2</td>
												<td>/about.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>3</td>
												<td>/sales.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>4</td>
												<td>/blog.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>5</td>
												<td>/404.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>6</td>
												<td>/services.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>7</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>8</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>9</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>10</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>

							<div class="col-sm-8 economy-item">
								<div id="chart_div" style="width: 100%; height: 500px;"></div>
							</div>

						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">경제 조회수 순위</h3>
						</div>
						<div class="panel-body">
							<div class="col-lg-4">
								<h2>월별 순위</h2>
								<div class="table-responsive">
									<table class="table table-bordered table-hover table-striped">
										<thead>
											<tr>
												<th>순위</th>
												<th>검색어</th>
												<th>검색횟수</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1</td>
												<td>/index.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>2</td>
												<td>/about.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>3</td>
												<td>/sales.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>4</td>
												<td>/blog.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>5</td>
												<td>/404.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>6</td>
												<td>/services.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>7</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>8</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>9</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
											<tr>
												<td>10</td>
												<td>/blog/post.html</td>
												<td>/index.html</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>

							<div class="col-sm-8 economy-item">
								<div id="chart_div" style="width: 100%; height: 500px;"></div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<%@ include file="footer.jsp"%>
</body>
</html>